<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>参团二级结构</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="css/sm.css">
    <link rel="stylesheet" type="text/css" href="css/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="css/themes.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_i3ztchhrqjx7p66r.css">
</head>

<body>
    <div class="page-group">
        <div class="page">
            <!--头部部分 !-->
            <header class="bar bar-nav">
                <a class="icon icon-left pull-left" href="fightGroups.html">返回</a>
                <h1 class="title">活动名称</h1>
            </header>
            <!--内容部分 !-->
            <div class="content joinGroup-content">
                <div class="card demo-card-header-pic">
                    <div valign="bottom" class="card-header color-white no-border no-padding">
                        <img src="images/group-1-1080x447.png">
                        <div>
                            <p>距结束时间</p>
                            <p><span>12&nbsp;&nbsp;</span>时<span>12&nbsp;&nbsp;</span>分</p>
                        </div>
                    </div>
                </div>
                <div class="card" id="coupon-card">
                    <ul>
                        <li>
                            <div class="item-text">
                                <p>一级(30)人购买</p>
                                <p>立即购买></p>
                            </div>
                            <div class="item-title">￥88.00</div>
                            <div class="item-subtitle">需达到指定人数方可享受优惠</div>
                        </li>
                        <li>
                            <div class="item-text">
                                <p>二级(60)人购买</p>
                                <p>立即购买></p>
                            </div>
                            <div class="item-title">￥88.00</div>
                            <div class="item-subtitle">需达到指定人数方可享受优惠</div>
                        </li>
                        <li>
                            <div class="item-text">
                                <p>三级(90)人购买</p>
                                <p>立即购买></p>
                            </div>
                            <div class="item-title">￥78.00</div>
                            <div class="item-subtitle">需达到指定人数方可享受优惠</div>
                        </li>
                    </ul>
                    <div class="term-div">本团有效期：2017-03-07至2017-03-07</div>
                </div>
                <!-- 标签页 -->
                <div class="buttons-tab">
                    <a href="#goodsDet-tab" class="tab-link active button">商品详情</a>
                    <a href="#notice-tab" class="tab-link button">团长须知</a>
                </div>
                <!-- 标签页具体各个页面 -->
                <div class="tabs">
                    <div id="goodsDet-tab" class="tab active">
                        <img src="images/group-2-1080x1411.png">
                    </div>
                    <div id="notice-tab" class="tab">
                        <div class="content-block-title">1.开团需团长先购买一单开团商品</div>
                        <div class="list-block media-list">
                            <img src="images/group-1-1080x447.png">
                        </div>
                        <div class="content-block-title">2.团长所发起团购，邀请好友前来参团</div>
                        <div class="list-block media-list">
                            <img src="images/group-1-1080x447.png">
                        </div>
                        <div class="content-block-title">3.若团购完成，则团长所购买费用，会在2个工作日内原路退还，并为奖励团长，团长可免费参与捐赠。</div>
                        <div class="list-block media-list">
                            <img src="images/group-1-1080x447.png">
                        </div>
                        <div class="content-block-title">4.若团购失败，则参团用户款项，会在2个工作日内原路退还，但是，团长所缴纳的购买金额，我们将不予退还。</div>
                        <div class="list-block media-list">
                            <img src="images/group-1-1080x447.png">
                        </div>
                        <p>ps:发起团购或者参与团购分用户，可在个人中心查看并转发。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type='text/javascript' src='js/lib/zepto.js' charset='utf-8'></script>
    <script type='text/javascript' src='js/lib/sm.js' charset='utf-8'></script>
    <script type='text/javascript' src='js/lib/sm-extend.js' charset='utf-8'></script>
    <script type='text/javascript' src="js/joinGroup.js"></script>
</body>

</html>
